<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>微信支付</title>
</head>
<body>
<h1>
    <div id="app"/>
</h1>
</body>
<script th:inline="javascript">
    //<![CDATA[
    const obj = {
        "appId": [[${appId}]],     //公众号ID，由商户传入
        "timeStamp":[[${timeStamp}]],         //时间戳，自1970年以来的秒数
        "nonceStr":[[${nonceStr}]], //随机串
        "package": [[${package}]],
        "signType":[[${signType}]],         //微信签名方式：
        "paySign":[[${paySign}]] //微信签名
    }
    function onBridgeReady(){
        WeixinJSBridge.invoke(
            'getBrandWCPayRequest', obj,
            function(res){
                if(res.err_msg === "get_brand_wcpay_request:ok" ){
                    // 使用以上方式判断前端返回,微信团队郑重提示：
                    document.getElementById("app").innerText = '支付成功！即将关闭页面'
                    setTimeout(()=>{
                        WeixinJSBridge.call("closeWindow")
                    },1000)
                }
            });
    }
    if (typeof WeixinJSBridge == "undefined"){
        if( document.addEventListener ){
            document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
        }else if (document.attachEvent){
            document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
            document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
        }
    }else{
        onBridgeReady();
    }
    //]]>
</script>
</html>